<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="HandheldFriendly" content="true">
    <meta name="format-detection" content="telephone=no">
    <title>轮播6</title>
    <link rel="stylesheet" href="https://tui.xinkuai.com/Public/LandingPage/sz12/index.css">
    <link rel="stylesheet" href="https://tui.xinkuai.com/Public/LandingPage/swiper.min.4.css" />

    <style type="text/css">
        body, p, div{margin: 0;padding: 0;vertical-align: middle;}
        body {background: #000;-webkit-user-select: none;-webkit-text-size-adjust: none;}
        a {text-decoration: none;}
        .pr {position: relative;}
        .none {display: none}
        #wrap {width: 100%;max-width: 640px;margin: 0 auto;overflow: hidden;position: relative;}
        .com_box {position: fixed;top: 0;width: 100%;max-width: 640px;margin: 0 auto;z-index: 9;}
        .img {display: block;width: 100%}
        .c_btn {position: absolute;height: 100%;top: 0;}
        .foot {color:#aaa;text-align: center;padding:20px 0;background-color: #000;}
        body {
            background: #fff;
        }
        .slide{
            height: auto;
        }
        .swiper-container-horizontal>.swiper-pagination-bullets{
            right: 2%;
            left: auto;
            width: 35%;
            top: 93%;
        }
        .swiper-pagination-bullet{
            opacity: 1;
            background: #d8d8d8;
        }
        .swiper-pagination-bullet-active{
            width: 0.4rem;
            border-radius: 0.4rem;
            background: #007aff;
        }
        .slide.vertical .swiper-slide {
            height: 6.18rem;
        }
    </style>
    <script language="JavaScript">
        var dwn_url = "{$data.downurl}";
        var isWeiXin = {$data.isWeixin};
        var id = {$data.id};
        var mode = {$data.download_mode};
        if (mode == 1) {
            setTimeout('gourl()', 3000);
        }
    </script>
</head>
<body>
    <div class="none">{$data.header}</div>
    <div id="wrap">
        <div class="slide swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img class='img' src="//tgimg.xinkuai.com/upload/image/yqdbz/17/1.jpg" alt=""></div>
                <div class="swiper-slide"><img class='img' src="//tgimg.xinkuai.com/upload/image/yqdbz/17/2.jpg" alt=""></div>
                <div class="swiper-slide"><img class='img' src="//tgimg.xinkuai.com/upload/image/yqdbz/17/3.jpg" alt=""></div>
                <div class="swiper-slide"><img class='img' src="//tgimg.xinkuai.com/upload/image/yqdbz/17/4.jpg" alt=""></div>
                <div class="swiper-slide"><img class='img' src="//tgimg.xinkuai.com/upload/image/yqdbz/17/5.jpg" alt=""></div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
        <div class="pr"><img class="img" src="//tgimg.xinkuai.com/upload/image/yqdbz/17/6.jpg">
            <a class="c_btn" style="    width: 32%;
            left: 63%;
            height: 4.5%;
            bottom: 93.5%;
            top: auto;" href="javascript:gourl();"></a>
        </div>
        <a href="javascript:gourl();" style="position: fixed;
        width: 80%;
        opacity: 1;
        max-width: 600px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        background-color: #f85959;
        bottom: 0rem;
        margin: auto;
        line-height: .6rem;
        border-radius: 60px;" class="down-btn">免费下载 重回青春</a>
        <div class="pr">
            <img src="//tgimg.xinkuai.com/upload/image/yqdbz/01/6.png" style="display: block; width: 100%;"/>
            <a class="c_btn" style="  width: 45%;
            left: 26%;
            height: 58%;
            top: 16%;" href="javascript:gourl();"></a>
        </div>
        <a href="javascript:gourl();" style="position:fixed;width: 50%;max-width: 300px; left:50%;transform:translateX(-50%);-webkit-transform: translateX(-50%);background-color:#ff3c00;bottom:0.7rem;margin:auto;" class="down-btn">下载游戏</a>
        
    </div>
    <script>	
        //自适应代码
        function rePosition(){
            var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
            var ratio = width/640;
            if(width<=640){
                document.getElementsByTagName('html')[0].style.fontSize=100*ratio+"px";
            }else{
                document.getElementsByTagName('html')[0].style.fontSize="100px";
            }
        }
        rePosition();
        window.onresize = function(){
            rePosition();
        }
    </script> 
    <!-- 打包文件：jq、swiper、主程序 --> 
    <img id='myimg' style="display:none" src=''/>
    <script src="https://tui.xinkuai.com/Public/LandingPage/common.js"></script>
    <div class="none">{$data.footer}</div>
   <script src="https://tui.xinkuai.com/Public/LandingPage/swiper.min.4.js"></script>

    <script type="text/javascript">
        var mySwiper = new Swiper('.swiper-container', {
            //effect : 'coverflow',
            slidesPerView: 'auto',
            //centeredSlides: true,
            autoplay: true,
            initialSlide: 2,
            loop: true,
            pagination: {
                el: '.swiper-pagination',
            },
        });
    </script>
</body>
</html>
